.flex {
	display: flex;
}

.vw100 {
	width: 100vw;
}

.vh100 {
	height: 100vh;
}

.flex_warp {
	display: flex;
	flex-wrap: wrap;
}

.cf64 {
	color: #FF6400;
}

.c9 {
	color: #999;
}

.c6 {
	color: #666;
}

.c3 {
	color: #333;
}

.c0 {
	color: #000;
}

.ce {
	color: #eee;
}

.cf {
	color: #fff;
}

.c3d {
	color: #3D3D3D;
}

.primary {
	color: #3071e8;
}

.error {
	color: #f56c6c;
}

.cf490 {
	color: #FF4900;
}

.success {
	color: #5ac725;
}

.warning {
	color: #f9ae3d;
}

.c1a {
	color: #1A1A1A;
}

.info {
	color: #909399;
}

.fff {
	color: #fff;
}

.flex1 {
	flex: 1;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.tal {
	text-align: left;
}

.minwidth {
	min-width: 0;
}

.overflow_1 {
	overflow: hidden; //超出的文本隐藏
	text-overflow: ellipsis; //溢出用省略号显示
	white-space: nowrap; // 默认不换行；
}

.overflow_2 {
	overflow: hidden; //溢出内容隐藏
	text-overflow: ellipsis; //文本溢出部分用省略号表示
	display: -webkit-box; //特别显示模式
	-webkit-line-clamp: 2; //行数
	line-clamp: 2;
	-webkit-box-orient: vertical; //盒子中内容竖直排列
}

.overflow_3 {
	overflow: hidden; //溢出内容隐藏
	text-overflow: ellipsis; //文本溢出部分用省略号表示
	display: -webkit-box; //特别显示模式
	-webkit-line-clamp: 3; //行数
	line-clamp: 3;
	-webkit-box-orient: vertical; //盒子中内容竖直排列
}

.overflow_4 {
	overflow: hidden; //溢出内容隐藏
	text-overflow: ellipsis; //文本溢出部分用省略号表示
	display: -webkit-box; //特别显示模式
	-webkit-line-clamp: 4; //行数
	line-clamp: 4;
	-webkit-box-orient: vertical; //盒子中内容竖直排列
}



.flex_x_y_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex_sb_center {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex_y_center {
	display: flex;
	align-items: center;
}

.flex_y_x_center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flex_yy_center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flex_x_center {
	display: flex;
	justify-content: center;
}

.flex_end {
	display: flex;
	align-items: flex-end;
}

.flex_start {
	display: flex;
	align-items: flex-start;
}

.flex_sb {
	display: flex;
	justify-content: space-between;
}

.flex_sa {
	display: flex;
	justify-content: space-around;
}

.flex_ac {
	display: flex;
	align-items: center;
}

.flex_jc {
	display: flex;
	justify-content: center;
}